<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北京鲲博时代信息科技有限公司</title>
		<link href="/plug-in/swiper/idangerous.swiper2.7.6.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="/css/index.css" />
	</head>
	<body class="index">
		<div class="header"></div>
		<!-- 轮播 -->
		<div class="banner">
			<div class="swiper-container slide-con">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="/images/index-banner-1.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-2.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-3.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-4.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-5.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-6.jpg"></div>
					<div class="swiper-slide"><img src="/images/index-banner-7.jpg"></div>
				</div>
				<div class="pagination"></div>
				<div class="box">
					<div class="swiper-button-prev"><img src="/images/slide-prev.png"></div>
					<div class="swiper-button-next"><img src="/images/slide-next.png"></div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<!-- 智能制造 -->
		<div class="h1">
			<div class="english">
				intelligent Manufacturing
			</div>
			<div class="chinese">
				智<span>/</span>能<span>/</span>制<span>/</span>造
			</div>
		</div>
		<div class="box manufacturing">
			<ul class="hoverTabBox">
				<li class="index">
					<img src="/images/index-icon-1.svg">
					<img src="/images/index-icon-1-1.svg">
					<div>
						智能产品
					</div>
					<img src="/images/top.jpg" class="hide show0">
				</li>
				<li>
					<img src="/images/index-icon-2.svg">
					<img src="/images/index-icon-2-1.svg">
					<div>
						智能管理
					</div>
					<img src="/images/top.jpg" class="hide show0">
				</li>
				<li>
					<img src="/images/index-icon-3.svg">
					<img src="/images/index-icon-3-1.svg">
					<div>
						生产方式智能化
					</div>
					<img src="/images/top.jpg" class="hide show0">
				</li>
				<li>
					<img src="/images/index-icon-4.svg">
					<img src="/images/index-icon-4-1.svg">
					<div>
						智能服务
					</div>
					<img src="/images/top.jpg" class="hide show0">
				</li>
				<li>
					<img src="/images/index-icon-5.svg">
					<img src="/images/index-icon-5-1.svg">
					<div>
						智能设备
					</div>
					<img src="/images/top.jpg" class="hide show0">
				</li>
			</ul>
			<div class="hoverShow index hide show1">
				<ul class="li-3">
					<li>
						<div class="title">
							可追溯性
						</div>
						<div class="gary">
							可追溯性从原材料和零件的采购到加工、装配、流通、销售等各工序中，记录制造商、供应商、销售商等信息，使其处于可追踪历史记录的状态。
						</div>
					</li>
					<li>
						<div class="title">
							可识别性
						</div>
						<div class="gary">
							智能产品的可识别性表现在产品可以根据用户在实际环境中的使用做出相应的反馈执行，从而提高了人们的工作效率，方面了人们的生活。
						</div>
					</li>
					<li>
						<div class="title">
							可定位
						</div>
						<div class="gary">
							智能产品的可定位性让智能产品能够更准确的进行自我定位，帮助完成更到位的工作。也能让制造商更好的去对产品进行追踪和追溯。
						</div>
					</li>
				</ul>
			</div>
			<div class="hoverShow hide show1">
				<ul class="li-4">
					<li>
						<div class="title">
							数据驱动
						</div>
						<div class="gary">
							通过采集海量的数据，将数据组织形成信息之后进行整合和提炼，形成自动化的决策模型。
						</div>
					</li>
					<li>
						<div class="title">
							信息集成
						</div>
						<div class="gary">
							以资源作为大系统，采取技术手段进行整合，实现资源共享。
						</div>
					</li>
					<li>
						<div class="title">
							组织优化
						</div>
						<div class="gary">
							通过对企业整个组织体系的优化调整制定可执行的优化方案，使人力资源达到并保持在合理配置状态。
						</div>
					</li>
					<li>
						<div class="title">
							流程再造
						</div>
						<div class="gary">
							面对客户的满意度，打破企业传统的部门管理方式智能化，重新设计管理流程，追求全局最优。
						</div>
					</li>
				</ul>
			</div>
			<div class="hoverShow hide show1">
				<ul class="li-4">
					<li>
						<div class="title">
							智能研发
						</div>
						<div class="gary">
							根据用户需求持续改进的闭环智能研发流程，感知用户需求，形成从用户到用户的产品研发循环。
						</div>
					</li>
					<li>
						<div class="title">
							智能设计
						</div>
						<div class="gary">
							应用现代信息技术，模拟人类的思维活动，从而使计算机能够更多更好地承担设计过程中各种复杂任务。
						</div>
					</li>
					<li>
						<div class="title">
							智能制造
						</div>
						<div class="gary">
							人与智能机器的合作共事，去扩大、延伸和部分地取代人类专家在制造过程中的脑力劳动。
						</div>
					</li>
					<li>
						<div class="title">
							智能加工
						</div>
						<div class="gary">
						制造技术和高精尖制造技术的迅猛发展，即要求能实现高精度、高可靠性、易操作和全天候智能自动化加工。
						</div>
					</li>
				</ul>
			</div>
			<div class="hoverShow hide show1">
				<ul class="li-3">
					<li>
						<div class="title">
							需求挖掘
						</div>
						<div class="gary">
							自动辨识用户的显性和隐性需求，并且主动、高效、安全、绿色地满足其需求的服务。
						</div>
					</li>
					<li>
						<div class="title">
							实时响应
						</div>
						<div class="gary">
							能够积极相应用户的操作，并给出结果，让用户意识到系统对其行为目标的状态是关心的。
						</div>
					</li>
					<li>
						<div class="title">
							O2O
						</div>
						<div class="gary">
							通过线下的用户操作，在线上进行收集信息、分析、反馈，通过智能设备为用户提供服务。
						</div>
					</li>
				</ul>
			</div>
			<div class="hoverShow hide show1">
				<ul class="li-4">
					<li>
						<div class="title">
							感知决策
						</div>
						<div class="gary">
							能够存储感知到的外部信息及由思维产生的知识，同时能够利用已有的知识对信息进行分析、计算、判断、决策。
						</div>
					</li>
					<li>
						<div class="title">
							执行维护
						</div>
						<div class="gary">
							智能设备能够准确、及时的接受到信息，通过对信息的分析做出相应的反馈动作。
						</div>
					</li>
					<li>
						<div class="title">
							自组织
						</div>
						<div class="gary">
							通过信息的分析和处理，调用该设备的特定指令和功能，进行执行反馈。
						</div>
					</li>
					<li>
						<div class="title">
							自适应
						</div>
						<div class="gary">
							自适应控制能根据环境变化智能调节自身特性而达到最佳状态。
						</div>
					</li>
				</ul>
			</div>
			<div class="imgBox hide show2">
				<img src="/images/manufacturing.svg">
			</div>
		</div>
		<!-- 工业互联网 -->
		<div class="internet">
			<div class="h1 hide show3">
				<div class="english">
					Industrial Interne
				</div>
				<div class="chinese">
					工<span>/</span>业<span>/</span>互<span>/</span>联<span>/</span>网
				</div>
			</div>
			<ul class="box">
				<li class="hide show4">
					<div class="gary hide show4">
						King-Break工业互联网平台旨在利用其强大的功能，简化了企业的运维过程、开发过程、实施部署过程，并且通过平台提供的强大功能，对以往企业杂乱的数据、账户及移动办公需求，提供了CPS数据总线、统一用户管理、远程应用桌面，可以减少企业成本，降低运维难度。
						<a href="http://futurecloud.king-break.com/" class="hide show5" target="_blank">
							立即体验
						</a>
					</div>
				</li>
				<li class="hide show4">
					<div class="gary hide show4">
						CPS 信息物理系统是一个综合计算、网络和物理环境的多维复杂系统，通过3C技术的有机融合与深度协作，实现大型工程系统的实施感知、动态控制和信息服务。CPS
						实现计算、通信与物理系统的一体化设计，可使系统更加可靠、高效、实时协同...
						<a href="http://king-break.imwork.net:8870/#/login" class="hide show5" target="_blank">
							立即体验
						</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 智慧物联 -->
		<div class="iot box">
			<div class="h1 hide show6">
				<div class="english">
					Wisdom and the Internet
				</div>
				<div class="chinese">
					智<span>/</span>慧<span>/</span>物<span>/</span>联
				</div>
			</div>
			<div class="divBox hide show7">
				<div class="left">
					<img src="/images/index-iot-1-div.jpg" class="divImg">
					<div class="title">
						制造业
					</div>
					<div class="btnBox">
						<span class="pre"><img src="/images/slide-prev.png"></span>
						<span class="next"><img src="/images/slide-next.png"></span>
					</div>
				</div>
				<div class="right">
					<span class="title">制造业</span>
					<span class="line"></span>
					<span class="subtext">产品的可控性成为可能</span>
					<p class="gary">
						随着物联网与制造业技术的融合，其在生产线智能管理、货物识别与跟踪、仓储智能控制、售后服务等方面的优势正逐渐展现出来。从降低成本到改善维护，再到提高安全性，物联网为制造业提供了许多好处。从降低成本到改善维护，再到提高安全性，物联网为制造业提供了许多好处。
					</p>
					<p class="gary">
						通过物联技术的应用，制造企业可以对自己的产品进行识别和监控，根据实施监控下收集起来的数据进行跟踪和监测，从而对产品的运维有更好地数据支持和监控。
					</p>
					<a href="/html/index-iot-detail.html" class="more" target="_blank">MORE</a>
				</div>
			</div>
			<ul class="hide show8">
				<li>
					<img src="/images/index-iot-1-li.jpg">
				</li>
				<li>
					<img src="/images/index-iot-2-li.jpg">
				</li>
				<li>
					<img src="/images/index-iot-3-li.jpg">
				</li>
				<li>
					<img src="/images/index-iot-4-li.jpg">
				</li>
			</ul>
		</div>
		<div class="bim">
			<div class="h1 hide show9">
				<div class="english">
					BIM & Operation and Maintenance
				</div>
				<div  class="chinese">
					BIM<span>/</span>运<span>/</span>维
				</div>
			</div>
			<div class="box">
				<div class="left hoverShow index hide show10">
					<div class="title">
						智慧建筑
					</div>
					<p class="gary">
						从整个建筑全生命周期来看，相比较设计、施工周期，运维阶段往往需要需要更多的时间和精力，且运维阶段需要处理的数据量巨大且凌乱，从规划项目开始，地质勘察报告、专业图纸的设计、施工计划、运维各部门的保修单、人员物料的配合等，如果没有一个好的运维管理平台协调处理这些数据...
					</p>
					<a href="/html/index-bim-detail.html#build" class="more hide show11" target="_blank">MORE</a>
				</div>
				<div class="left hoverShow hide show10">
					<div class="title">
						智慧公路
					</div>
					<p class="gary">
						BIM技术的虚拟施工来展示，对安全隐患、施工难点提前反映，可视化的交底、教育等形式也更容易被施工人员所接受，直观形象的让施工人员了解施工意图和细节，就能使施工计划更加精准，统筹安排，提前做好安全布置及规划，以保障工程的顺利完成。
					</p>
					<a href="/html/index-bim-detail.html#highway" class="more hide show11" target="_blank">MORE</a>
				</div>
				<div class="left hoverShow hide show10">
					<div class="title">
						智慧工厂
					</div>
					<p class="gary">
						没有准确的信息做不出合理的优化结果，BIM模型提供了建筑物的实际存在的信息，包括几何信息、物理信息、规则信息，还提供了建筑物变化以后的实际存在。复杂程度高到一定程度，参与人员本身的能力无法掌握所有的信息，必须借助一定的科学技术和设备的帮助。现代建筑物的复杂程度大多超过参与人员本身...
					</p>
					<a href="/html/index-bim-detail.html#factory" class="more hide show11" target="_blank">MORE</a>
				</div>
				<div class="left hoverShow hide show10">
					<div class="title">
						智慧消防
					</div>
					<p class="gary">
						BIM模型是以数字化建筑中的虚拟建筑构件表达现实中建筑物的构件，每个构件都有相应的尺寸与信息内容，将建筑信息模型直接转换为火灾模型，提高了软件模拟火灾的精确性及可信度，并大大节省二次建模的时间，提高建模效率。
					</p>
					<a href="/html/index-bim-detail.html#fireControl" class="more hide show11" target="_blank">MORE</a>
				</div>
				<ul class="right hoverTabBox">
					<li class="idBox index-bim-1 hide show10">
						<a href="/html/index-bim-detail.html#build">
							<img src="/images/index-bim-1.jpg" alt="">
							<div>
								智慧建筑
							</div>
						</a>
					</li>
					<li class="idBox index-bim-2 hide show10">
						<a href="/html/index-bim-detail.html#highway">
							<img src="/images/index-bim-2.jpg" alt="">
							<div>
								智慧公路
							</div>
						</a>
					</li>
					<li class="idBox index-bim-3 hide show11">
						<a href="/html/index-bim-detail.html#factory">
							<img src="/images/index-bim-3.jpg" alt="">
							<div>
								智慧工厂
							</div>
						</a>
					</li>
					<li class="idBox index-bim-4 hide show11">
						<a href="/html/index-bim-detail.html#fireControl">
							<img src="/images/index-bim-4.jpg" alt="">
							<div>
								智慧消防
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="footerBox">
			<iframe src="/html/footer.html" class=" hide show12"></iframe>
		</div>
	</body>
	<script src="/js/jquery.min.js"></script>
	<script href="/plug-in/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript">
		var nav = 0
	</script>
	<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="/plug-in/swiper/idangerous.swiper2.7.6.min.js"></script>
	<script type="text/javascript" src="/js/data.js"></script>
	<script type="text/javascript">
		$(window).scroll(function(){
			isShow()
		});
		isShow()
		function isShow () {
			// 滚动条滚动
			var isTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;// (获取屏幕滚动高度)
			if (isTop > 10) {
				$('.show0').css({'top' : '2px', 'opacity' : '1'})
				$('.show1').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 300) {
				$('.show2').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 850) {
				$('.show3').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 1000) {
				$('.show4').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 1400) {
				$('.show5').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 1600) {
				$('.show6').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 2100) {
				$('.show7').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 2500) {
				$('.show8').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 2700) {
				$('.show9').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 2900) {
				$('.show10').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 3200) {
				$('.show11').css({'top' : '0px', 'opacity' : '1'})
			}
			if (isTop > 3300) {
				$('.show12').css({'top' : '0px', 'opacity' : '1'})
			}
		}
		bannerPlay()
		// 轮播图左右按钮点击
		$('.swiper-button-prev').click(function () {
			$('.swiper-pagination-switch').eq(getIndex()-1).click()
		})
		$('.swiper-button-next').click(function () {
			$('.swiper-pagination-switch').eq(getIndex()+1).click()
		})
		var index = 0,
			mycont = 0;
		// 智慧物联 列表
		getList()
		checkPN()
		$('.pre').click(function() {
			if (index != 0) {
				index = index - 1
				mycont = index
				checkPN()
				getContent()
				$('.iot ul li').eq(index).addClass('index').siblings().removeClass('index')
			}
		})
		$('.next').click(function() {
			if (index != (index_iot_data.length - 1)) {
				index = index + 1
				mycont = index
				checkPN()
				getContent()
				$('.iot ul li').eq(index).addClass('index').siblings().removeClass('index')
			}
		})

		function getList() {
			var html = '';
			for (var i = index; i < (index + 4); i++) {
				if (i == index) {
					html += '<li class="index" id="' + i + '">';
				} else {
					html += '<li id="' + i + '">';
				}
				html +='<a href="/html/index-iot-detail.html?type=' + index_iot_data[i].type + '" target="_blank">';
				html += '<img src="' + index_iot_data[i].liImg + '">';
				html += '<div class="text">' + index_iot_data[i].title + '</div>';
				html += '</a></li>';
			}
			mycont = index
			getContent()
			$('.iot ul').html(html)
			$('.iot ul li').click(function() {
				$(this).addClass('index').siblings().removeClass('index')
				index = mycont = parseInt($(this).attr('id'))
				checkPN()
				getContent()
			})
			$('.iot ul li').mouseover(function() {
				$(this).addClass('index').siblings().removeClass('index')
				index = mycont = parseInt($(this).attr('id'))
				checkPN()
				getContent()
			})
		}

		function getContent() {
			$('.iot .divImg').attr('src', index_iot_data[mycont].divImg).siblings('.title').html(index_iot_data[mycont].title)
			var content = '';
			content += '<span class="title">' + index_iot_data[mycont].title + '</span><span class="line"></span>';
			content += '<span class="subtext">' + index_iot_data[mycont].subtext + '</span>';
			for (var a = 0; a < index_iot_data[mycont].text.length; a++) {
				content += '<p class="gary">' + index_iot_data[mycont].text[a] + '</p>'
			}
			content += '<a href="/html/index-iot-detail.html?type=' + index_iot_data[mycont].type + '" class="more" target="_blank">MORE</a>';
			$('.iot .right').html(content)
		}

		function checkPN() {
			if (index == 0) {
				$('.pre').css('background', '#EFEFEF')
			} else {
				$('.pre').css('background', '#1864aa')
			}
			if (index != (index_iot_data.length - 1)) {
				$('.next').css('background', '#1864aa')
			} else {
				$('.next').css('background', '#EFEFEF')
			}
		}
	</script>
</html>
